<!-- <div class="row page-titles">
    <div class="col-md-5 col-8 align-self-center">
        <h3 class="text-themecolor">Dashboard 2</h3>
        <ol class="breadcrumb">
            <li class="breadcrumb-item"><a href="javascript:void(0)">Home</a></li>
            <li class="breadcrumb-item active">Dashboard2</li>
        </ol>
    </div>
    <div class="col-md-7 col-4 align-self-center">
        <div class="d-flex m-t-10 justify-content-end">
            <div class="d-flex m-r-20 m-l-10 hidden-md-down">
                <div class="chart-text m-r-10">
                    <h6 class="m-b-0"><small>THIS MONTH</small></h6>
                    <h4 class="m-t-0 text-info">$58,356</h4>
                </div>
                <div class="spark-chart">
                    <div id="monthchart"></div>
                </div>
            </div>
            <div class="d-flex m-r-20 m-l-10 hidden-md-down">
                <div class="chart-text m-r-10">
                    <h6 class="m-b-0"><small>LAST MONTH</small></h6>
                    <h4 class="m-t-0 text-primary">$48,356</h4>
                </div>
                <div class="spark-chart">
                    <div id="lastmonthchart"></div>
                </div>
            </div>
        </div>
    </div>
</div> -->

<!-- <div class="row page-titles" style="padding-bottom: 15px;">
    <ol class="breadcrumb">
        <li class="breadcrumb-item"><a href="javascript:void(0)">Home</a></li>
        <li class="breadcrumb-item active">Dashboard2</li>
    </ol>
</div> -->

<!-- <div>
    <a routerLink="/users/foo-demo">Foo Demo</a> |
    <a routerLink="/roles">Roles</a> |
    <a routerLink="/roles/detail/1">Role Detail</a> |
    <a routerLink="/roles/detail/2">Role Detail</a> |
    <a routerLink="/users">Users</a> |
    <a routerLink="/users/detail/1">User Detail</a> |
    <a routerLink="/users/detail/2">User Detail</a>
</div> -->

<!-- Although the compose route is pinned to the "popup" outlet, that's not sufficient for wiring the 
route to a RouterLink directive. You have to specify the named outlet in a link parameters array and 
bind it to the RouterLink with a property binding. -->

<!-- This outlets object within an outer object was completely unnecessary when there was only one route 
and one unnamed outlet to think about.

The router assumed that your route specification targeted the unnamed primary outlet and created these 
objects for you.

Routing to a named outlet has revealed a previously hidden router truth: you can target multiple outlets 
with multiple routes in the same RouterLink directive.

You're not actually doing that here. But to target a named outlet, you must use the richer, more 
verbose syntax. -->
<!-- <a [routerLink]="[{ outlets: { popup: ['compose'] } }]">Contact</a> -->

<br>